<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        function myAxios(options){
            const {url,method='get'} = options
        return new Promise((resolve, reject) =>{
            const xhr = new XMLHttpRequest()
            // 2.设置请求的 地址 和方法
            xhr.open(method,url)
            // 3.注册回调函数 服务器响应内容回来之后触发
            xhr.addEventListener('load', function () {
                // 接口返回内容在 response里面,返回结果是个字符串
              resolve(JSON.parse(xhr.response))
              
            })
            // 4.发送请求
            xhr.send()
        })
        
        }
        myAxios({
            url:'http://ajax-api.itheima.net/api/news'
        }).then(res=>{
            console.log(res);
        })
    </script>
    
</body>
</html>